
        <van-cell-group>
        	<van-field
        	  readonly
        	  clickable
        	  label="性别"
        	  :value="sexs.find(e=>e.value == info.sex).name"
        	  placeholder="选择性别"
        	/>
          <!-- @click="showSex = true" -->
          
        	<van-field
        	  readonly
        	  clickable
        	  label="生日"
        	  :value="info.bir"
        	  placeholder="0000-00-00"
        	  @click="showBir = true"
        	/>
        	<van-popup v-model="showBir" round position="bottom">
        		<van-datetime-picker
        		 :value = "new Date(info.bir)"
        		 type="date"
        		 :min-date="new Date(1901,0,1)"
        		 :max-date="new Date()"
        		>
        			<template #columns-top >
        				<div class="date-info">
        					<van-field
        					  readonly
        					  label="年龄"
        					  :value="info.age"
        					/>
        					<van-field
        					  readonly
        					  label="星座"
        					  :value="info.constellation"
        					/>
        				</div>
        			</template> 
        		</van-datetime-picker>
        	</van-popup>
        </van-cell-group>
        <br>
        <van-cell-group>
        	<van-field
        	  readonly
        	  clickable
        	  label="职业"
        	  :value="info.job"
        	  placeholder="选择职业"
        	  @click="showJob = true"
        	/>
        	<van-popup v-model="showJob" round position="bottom">
        	  <van-picker
        	  show-toolbar
        	  :columns="jobcolumns"
        	  @cancel="showJob = false"
        	  visible-item-count="10"
        	  >
        		  <template #option=item>
        			<div class="Jobselect">
        				<van-tag type="primary">{{item.tag}}</van-tag>
        				<span class="text">{{item.text}}</span>
        			</div>
        		  </template>
        	  </van-picker>
        	</van-popup>
        	<van-field
        	  readonly
        	  clickable
        	  label="所在地"
        	  :value="info.area"
        	  placeholder="选择所在地"
        	  @click="showArea = true"
        	  :columns-placeholder="['请选择', '请选择', '请选择']"
        	/>
        	<van-popup v-model="showArea" round position="bottom">
        	  <van-area
        	  :value="info.area"
        	  :area-list="areaList" 
        	  @cancel="showArea = false"
        	  />
        	  <!-- show-toolbar -->
        	</van-popup>
        	<van-field v-model="info.mail"
        	 label="邮箱"
        	 placeholder="请输入邮箱"
        	 :error-message="mailError? '邮箱格式错误':''"
        	 />
        </van-cell-group>
        <br>
        <van-cell-group>
        	<van-field
        	  readonly
        	  clickable
        	  label="个人说明"
        	  :value="info.info"
        	  placeholder="介绍一下自己吧"
        	  @click="showInfo=true"
        	/>
        	<van-popup v-model="showInfo" 
        	:close-on-click-overlay="false"
        	closeable
        	close-icon-position="bottom-left"
        	close-icon="success"
        	position="top"
        	>
        	<van-field
        	  v-model="info.info"
        	  rows="6"
        	  type="textarea"
        	  maxlength="170"
        	  placeholder="介绍一下自己吧"
        	  show-word-limit
        	/><br>
        	</van-popup>
        </van-cell-group>